<template>
  <div class="invita">
    <el-table
      :data="table"
      style="width: 100%"
      header-cell-class-name="eltablebg"
    >
      <el-table-column :prop="mobile || email" :label="$t('user.invitecount')">
      </el-table-column>
      <el-table-column
        prop="updated_at"
        :label="$t('assets.time')"
        ><template #default="r">
          {{ $currency(r.row.transacation_volume) }}
        </template>
      </el-table-column>
      <el-table-column
        :prop="'+10'"
        :label="$t('user.reward1') + '(USDT)'"
      >
        <template #default="r">
          {{ $currency(r.row.user_brokerage) }}
        </template>
      </el-table-column>
	  <el-table-column
	    :prop="'Inactivated'"
	    :label="$t('assets.status')"
	  >
	    <template #default="r">
	      {{ $currency(r.row.user_brokerage) }}
	    </template>
	  </el-table-column>
      <!-- <el-table-column prop="invite_transaction_volume">
        <template #header>
          <div class="flex align-center">
            <div>{{ $t("user.contributionAmount") }}</div>
            <el-tooltip class="icons" effect="dark" placement="top">
              <template #content>
                <div>
                  <div>
                    {{ $t("formTip.rebateAmountTip1") }}
                  </div>
                  <div>
                    {{ $t("formTip.rebateAmountTip2") }}
                  </div>
                </div>
              </template>
              <svg-icon data-_icon-name="ic_invite_why" class="ml-5"></svg-icon>
            </el-tooltip>
          </div>
        </template>
        <template #default="r">
          {{ $currency(r.row.invite_transaction_volume) }}
        </template>
      </el-table-column> -->
      <template #empty>
        <Norecord />
      </template>
    </el-table>
  </div>
</template>

<script>
import { onMounted, reactive } from "vue";
import Norecord from "@/components/noRecord/NoRecord.vue";

export default {
  name: "InvitaTable",
  components: { Norecord },
  props: { table: Array },
  setup() {
    const state = reactive({});
    /**
     * methods
     */
    onMounted(() => {
      getList();
    });
    const getList = () => {};
    return {
      state,
      getList,
    };
  },
};
</script>

<style scoped lang="less">
.invita {
  width: 100%;
}
.ml-5 {
  margin-inline-start: 5px;
}
</style>
